<div>

    <div id="app"  v-cloak>

        <div class="top border ">

            <div class="f-14 col-main f-b">运输范围定义</div>

            <div class="dis-flex flex-x-end flex-y-center">

                <el-button :disabled="isEdit" type="warning" icon="el-icon-circle-plus-outline" @click="addRow" size="mini" >新增</el-button>

                <el-button :disabled="isEdit" type="primary" icon="el-icon-edit" size="mini">编辑</el-button>

                <el-button :disabled="!isEdit" type="success" @click="saveRow" icon="el-icon-circle-check" size="mini">保存</el-button>

            </div>

        </div>

        <div class="main">

            <!-- 调度车 --------------------------------------------------------------- -->

            <div @click="getref('car')">

                <mytable :table="fanwei" ref="fanwei" :height="500" :isedit="isEdit"></mytable>

            </div>

            <!-- 底部tab --------------------------------------------------------------- -->

            <div class="box border m_top10">

                

            </div>

            <!-- 底部tab --------------------------------------------------------------- -->

        </div>

    </div>

</div>



<script type="text/javascript">

    new Vue({

        el: '#app',

        data() {

            return {
            //全局预定义数据--------------------------->
               isEdit:false, //固定项
               nowRef:'', //固定项
               fanwei:{
                searchPath:'cay/range/search', 	//主表获取数据接口地址
                insertPath:'cay/range/add',		//主表保存数据接口地址
                searchBox:[
                    {
                        type: 'text', 		//类型 -> 输入框
                        title: '运输方式',	//输入框标题
                        dec: '输入运输方式',	//输入框提示
                        field: 'cCAYTYPE_NM', 	//对应筛选字段 (主表字段)
                        // icon: 'el-icon-user-solid',	//小图标
                        value: '',	//固定项
                    },
                    {

                    }
                ],
                //主表配置
                tableRole:[
                    {
                        title: '序号', 	//表头
                        field: 'idx', 	//表格展示字段 (主表字段)
                        //
                        fixed: true, 	//是否浮动
                        width: 80, 		//列宽
                        //
                        noedit: false, 	//是否禁止编辑 值为false 则 禁止编辑, true 或 删除此项 则可编辑
                        defautvalue:0, 	//默认值,当为输入内容时的默认的值
                    },
                    {
                        type: 'number', //类型 -> 数字
                        title: '运输范围编码', 
                        field: 'cCAYRANG_NO',
                        //
                        fixed: false,
                        noedit: false,
                        width: 100,
                        //
                        // value: '0.000', //日期型 默认值为 0.000
                    },
                    {
                        type: 'text',
                        title: '运输范围名称', 
                        field: 'cCAYRANG_NM',
                        //
                        fixed: false,
                        width: 130,
                        //
                        value: '',
                        defautvalue: '',
                    },
                    {
                        type: 'text',
                        title: '助记码', 
                        field: 'BOPOMOFO', 
                        //
                        fixed: false,
                        width: 130,
                        //
                        value: '',
                        defautvalue: '',
                    },
                    {
                    type: 'select', //类型 -> 固定值选择
                    title: '状态',
                    field: 'orderstate', //表格展示字段 (主表字段)
                    //
                    fixed: false, 	//是否浮动
                    width: 110, 	//列宽
                    //筛选值
                    option: [{
                        value: '0',
                        label: '未调度'
                    }, {
                        value: '1',
                        label: '已调度'
                    }, {
                        value: '2',
                        label: '已完成'
                    }],
                    value: '', 		//固定项
                    noedit:true,	//是否禁止编辑 值为true 则 禁止编辑, false 或 删除此项 则可编辑
                },
                    {
                        type: 'date',  //类型 -> 日期
                        title: '停用时间',
                        field: 'tSTOP_DT',
                        //
                        fixed: false,
                        width: 150,
                        //
                        value: '',
                        defautvalue:getNowTime(true,true,true), //日期类(调用外部方法,生成默认值,不知道如何设置,可依此填写)
                        format:"yyyy-MM-dd", //日期格式设置
                    },
                    {
                        type: 'text',
                        title: '备注', 
                        field: 'cREMARK',
                        //
                        fixed: false,
                        width: 130,
                        //
                        value: '',
                        defautvalue: '',
                    },
                    {
                        type: 'text',
                        title: '创建人', 
                        field: '', //接口不知道
                        //
                        fixed: false,
                        width: 130,
                        //
                        value: '',
                        defautvalue: '',
                    },
                    {
                        type: 'date',  //类型 -> 日期
                        title: '创建时间',
                        field: '',//接口不知道
                        //
                        fixed: false,
                        width: 150,
                        //
                        value: '',
                        defautvalue:getNowTime(true,true,true), //日期类(调用外部方法,生成默认值,不知道如何设置,可依此填写)
                        format:"yyyy-MM-dd", //日期格式设置
                    },
                    {
                        type: 'text',
                        title: '维护人', 
                        field: '', //接口不知道
                        //
                        fixed: false,
                        width: 130,
                        //
                        value: '',
                        defautvalue: '',
                    },
                    {
                        type: 'date',  //类型 -> 日期
                        title: '维护时间',
                        field: '',//接口不知道
                        //
                        fixed: false,
                        width: 150,
                        //
                        value: '',
                        defautvalue:getNowTime(true,true,true), //日期类(调用外部方法,生成默认值,不知道如何设置,可依此填写)
                        format:"yyyy-MM-dd", //日期格式设置 
                    }

                            
                ]
               }
            
            
            }

        },

        methods: {



            getref(ref){

                this.nowRef = ref ;

            },



            //增删改查----------------------------------------------------------------------->

            // addRow(){

            //     this.$refs.fanwei.addRow();  

            //     this.isEdit = true ;

            // },

            saveRow(){

                this.$refs.fanwei.saveRow();  

                this.isEdit = true ;

            },

        },

    })

    

</script>